<template>
    <view class="flow-item">
        <view class="f-name">
            <view>{{ item.TypeName }}</view>
            <view class="c-yellow">{{ item.Total }}</view>
        </view>
        <view class="f-sn">
            {{ item.BillCode }}
        </view>
        <view class="f-time">
            {{ item.BillDate }}
        </view>
    </view>
</template>

<script>
export default {
    components: {},
    props: {
        item: {
            type: Object,
            default: () => {},
        },
    },
    data() {
        return {}
    },
    mounted() {},
    onShow() {},
    methods: {
        // goDetail(){
        // 	this.easyGoTo('/pages_erpA8/manage/costInfo')
        // }
    },
}
</script>

<style lang="scss">
.flow-item {
    display: flex;
    flex-direction: column;
    border-bottom: #ebebeb solid 1px;
    padding: 32rpx 0;
    .f-name {
        display: flex;
        justify-content: space-between;
        font-size: $size-32;
        font-weight: bold;
        margin-bottom: 10rpx;
    }
    .f-sn {
        font-size: $size-28;
        color: $color-gray-3;
        margin-bottom: 10rpx;
    }
    .f-time {
        font-size: $size-28;
        color: $color-gray-3;
    }
}
.c-yellow {
    color: $color-yellow-1;
}
</style>
